<template>
	<view class="cy_grid_box">
		<u-grid :col="3" :border="false">
			<u-grid-item @click="PagerJump(1)">
				<image class="in-img" src="../../static/logo.png" alt="">
					<view class="wk-text">demo1</view>
			</u-grid-item>
			<u-grid-item @click="PagerJump(2)">
				<image class="in-img" src="../../static/logo.png" alt="">
					<view class="wk-text">demo2</view>
			</u-grid-item>
			<u-grid-item @click="PagerJump(3)">
				<image class="in-img" src="../../static/logo.png" alt="">
					<view class="wk-text">demo3</view>
			</u-grid-item>
			<u-grid-item @click="PagerJump(4)">
				<image class="in-img" src="../../static/logo.png" alt="">
					<view class="wk-text">demo4</view>
			</u-grid-item>
			<u-grid-item @click="PagerJump(5)">
				<image class="in-img" src="../../static/logo.png" alt="">
					<view class="wk-text">demo5</view>
			</u-grid-item>
			<u-grid-item @click="PagerJump(6)">
				<image class="in-img" src="../../static/logo.png" alt="">
					<view class="wk-text">demo6</view>
			</u-grid-item>
			<u-grid-item @click="PagerJump(7)">
				<image class="in-img" src="../../static/logo.png" alt="">
					<view class="wk-text">demo7</view>
			</u-grid-item>
			<u-grid-item @click="PagerJump(8)">
				<image class="in-img" src="../../static/logo.png" alt="">
					<view class="wk-text">demo8</view>
			</u-grid-item>
			<u-grid-item @click="PagerJump(9)">
				<image class="in-img" src="../../static/logo.png" alt="">
					<view class="wk-text">demo9</view>
			</u-grid-item>
			<u-grid-item @click="PagerJump(10)">
				<image class="in-img" src="../../static/logo.png" alt="">
					<view class="wk-text">demo10</view>
			</u-grid-item>
			<u-grid-item @click="PagerJump(11)">
				<image class="in-img" src="../../static/logo.png" alt="">
					<view class="wk-text">demo11</view>
			</u-grid-item>
		</u-grid>
	</view>
</template>

<script>
	export default {
		data() {
			return {}
		},
		methods: {
			// 页面跳转
			PagerJump(PagerJump) {},
		}
	}
</script>
<style lang="scss">
	@import "index.scss";
</style>
